<template>
	<view class="wap">
		<view class="mallimg">
			<image src="" mode=""></image>
		</view>
		<view class="mallPirc">
			<view style="font-size: 40rpx; font-weight: bold;margin-bottom: 32rpx;">莫系小红酒</view>
			<view class="mallPirc_content">莫系小红酒莫系小红酒莫系小红酒莫系安达市大所大所多大萨达所大萨达撒多所撒大声地大萨达小红大萨达撒是多少酒莫系小红酒莫系小红酒莫系小红酒莫系小红酒莫系小红酒莫系小红酒</view>
			<view style="font-size: 50rpx; font-weight: bold;text-align: right;">¥120.00</view>
		</view>
		<view class="malldeta">
			<view style="font-size: 40rpx; font-weight: bold;margin-bottom: 32rpx;">商品详情</view>
			<view class="malldeta_content">
				<view>产品详情：产品名称</view>
				<view>配料表：配料表</view>
			</view>
			<view class="malldeta_content">
				<view>品牌：品牌</view>
				<view>酒精含量：酒精含量</view>
			</view>
			<view class="malldeta_content">
				<view>类别：干红</view>
				<view>储存条件：干红</view>
			</view>
			<view class="malldeta_content">
				<view>产品：产区</view>
				<view>净含量：产区</view>
			</view>
		</view>
		<view class="mallfoot">
			<view class="mallfoot_ico">
				<image :src="require('./static/img/dingdan.png')"  mode=""></image>
				<text>订单</text>
			</view>
			<view class="mallfoot_ico">
				<image :src="require('./static/img/kefu.png')"mode=""></image>
				<text>客服</text>
			</view>
			<view class="btn">立即购买</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.wap{
	.mallimg{
		height: 400rpx;
		background: #D8D8D8;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.mallPirc{
		padding: 32rpx;	
		.mallPirc_content{
			font-size: 28rpx;
			font-weight: 300;
			margin-bottom: 32rpx;
			overflow:hidden;  
			text-overflow:ellipsis; 
			display:-webkit-box;  
			-webkit-box-orient:vertical;  
			-webkit-line-clamp:3; 
		}
	}
	.malldeta{
		padding: 32rpx ;
		.malldeta_content{
			font-size: 28rpx;
			font-weight: 300;
			display:flex;
			margin-bottom: 8rpx;
			view{
				width: 344rpx;
			}
		}
	}
	.mallfoot{
		display: flex;
		position: fixed;
		bottom: 0;
		image{
			width: 42rpx;
			height: 42rpx;
		}
		.mallfoot_ico{
			width: 98rpx;
			height: 98rpx;
			display:flex;
			justify-content: center;
			align-items: center;
			flex-flow: column;
			font-size: 20rpx;
		}
		.btn{
			width: 554rpx;
			line-height: 98rpx;
			text-align: center;
			background: #FEDD12;
			font-weight:bold;
		}
	}
}
</style>
